<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=
=1.0" />
    <title>供应商邀请函</title>
</head>
<body style="margin: 0">
<div style="
        margin: 0;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        background-color: #ffffff;
        color: #0d2b27;
        padding: 24px;
        background: #f7f8f9;">
    <div style="
          width: 768px;
          align-items: flex-start;
          margin: 0 auto;
          background: #fff;
          overflow: hidden;">

        <div style="
            background-color: #008C55;
            color: white;
            padding: 12px 24px;
            width: 100%;
            display: flex;">

            <div style="
              color: #fff;
              font-family: 'PingFang SC';
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              line-height: 30px;
              letter-spacing: 0.96px;">
                <span style="font-size:20px; margin-right: 20px">双碳平台</span>
                <span>借数智之力,控能碳之衡,筑绿色之基</span>
            </div>
        </div>

        <div style="padding: 40px 32px; text-align: center; gap: 32px">
            <h2
                    style="
              color: #04252b;
              text-align: center;
              font-family: 'PingFang SC';
              font-size: 24px;
              font-style: normal;
              font-weight: 500;
              line-height: 32px;
              margin: 0;
              margin-bottom: 24px;
            ">
                供应商邀请函
            </h2>
            <div style="gap: 16px">
                <p style="margin-top: 20px; text-align: start">
                    <span style="margin-left:20px" ><strong>${name},您好!</strong></span>
                    ${organizationName}&nbsp;${userName}&nbsp;邀请您成为其供应商,共同进行企业碳核算、产品碳足迹核算,请点击下方按钮登陆平台完成邀请
                </p>
                <p style="margin: 0; text-align: start">
                        <div style="margin: 30px">
                            邀请手机号/账号:${phone}
                        </div>
                        <div style="margin: 30px">
                            如果邀请账号有误,请及时联系发件人修改
                        </div>
                </p>
            </div>
            <a href="https://changyangdt.com/carbonPeakView/#/user/login"
                    style="
              text-decoration: none;
              padding: 12px 40px;
              justify-content: center;
              align-items: center;
              border-radius: 100px;
              background: #008C55;
              color: #fff;
              font-family: 'PingFang SC';
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: 24px;
              text-decoration: none;
              width: fit-content;
              align-self: center;
              margin: 35px auto;
              display: block;">
                去处理
            </a>
        </div>
        <div
                style="
            padding: 16px 24px;
            justify-content: space-between;
            align-self: stretch;
            border-top: 1px solid #ebedf0;
            background: #fff;
            display: flex;
            justify-content: flex-start;
          "
        >
            <div style="margin-right: 182px">
                <div style="
                margin: 10px 0;
                color: #04252b;
                font-family: 'PingFang SC';
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;">
                ${sendMessageCompanyName}
                </div>

                <div style="
                margin: 8px 0;
                color: #04252b;
                font-family: 'PingFang SC';
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;">
                    <div style="margin-bottom: 20px">
                        <div>电话：${orgPhone}  </div>
                        <div>邮箱：${emailAddress}</div>
                    </div>
                    <div>公司地址：${companyLocation}</div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
